<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui" 
      xmlns:ui="http://java.sun.com/jsf/facelets">

  <h:head>
    <title>Atividades</title>
    <style type="text/css">
      .ui-widget{font-size:90% !important; background-color: activecaption;}
      .ui-layout-unit-content{background-image:url(/images/dock/foton.png);}
    </style>
  </h:head>

  <h:body>
      <p:layout fullPage="true">           
			<p:layoutUnit position="north" size="120" resizable="false"
				closable="false" collapsible="false">
				<div align="left">				
					<h:graphicImage library="images" name="foton.png" >
					</h:graphicImage>
					<font font-family="Verdana, sans-serif" color="grey"
						font-size="60px;" font-weight="bolder;"> Atividades </font>						
				</div>		
				 
				<!--  <p:growl globalOnly="true"></p:growl> -->
					<p:dock position="top">
						<p:menuitem value="Home" icon="/resources/images/dock/home.png" url="#" />
						<p:menuitem value="Music" icon="/resources/images/dock/music.png" url="#" />
						<p:menuitem value="Video" icon="/resources/images/dock/video.png" url="#" />
						<p:menuitem value="Email" icon="/resources/images/dock/email.png" url="#" />
						<p:menuitem value="Portfolio" icon="/resources/images/dock/portfolio.png"
							url="#" />
						<p:menuitem value="Link" icon="/resources/images/dock/link.png" url="#" />
						<p:menuitem value="RSS" icon="/resources/images/dock/rss.png" url="#" />
						<p:menuitem value="History" icon="/resources/images/dock/history.png"
							url="#" />
					</p:dock>
				
			</p:layoutUnit>

			<p:layoutUnit position="south" size="50" resizable="true" 
                      closable="true" collapsible="true" >  
          <div align="center">         
            <h:outputText text-align="center;" 
             value="Todos os direitos reservados." />
          </div>
        </p:layoutUnit>  

        <p:layoutUnit position="west" size="200" 
            header="Opções" resizable="false" 
            closable="false" collapsible="false">  
            <ui:include src="menu_esquerda.xhtml" /> 
          <br/>
        </p:layoutUnit>  

        <p:layoutUnit header="Atividades Cadastradas" 
            position="east" size="350" resizable="true" closable="false" 
           collapsible="true" effect="drop">   
           <ui:include src="atividades_cadastradas.xhtml" /> 
          
        </p:layoutUnit>  

        <p:layoutUnit position="center" >
            <div><p:messages globalOnly="true" autoUpdate="true"></p:messages></div>
          <ui:insert name="page_content" />
        </p:layoutUnit>  
      </p:layout>  
    
  </h:body>
</html>